<!doctype html>
<html lang="en" class="no-js">
<head>
  <meta charset="UTF-8" />
  <title>慧慈天下</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/assets/css/login.css" />
  <link rel="stylesheet" type="text/css" href="/assets/plugins/layui/css/layui.css" />
  <script type='text/javascript' src='/assets/js/jquery-1.11.1.min.js'></script>
  <script type='text/javascript' src='/assets/js/jquery.particleground.js'></script>
  <script type="text/javascript" src="/assets/plugins/layui/layui.js"></script>
<script>
/* 	document.addEventListener('DOMContentLoaded', function () {
  particleground(document.getElementById('particles'), {
    dotColor: '#666666',
    lineColor: '#666666'
  });
  var intro = document.getElementById('intro');
  intro.style.marginTop = - intro.offsetHeight / 2 + 'px';
}, false); */


// jQuery plugin example:
$(document).ready(function() {
  $('#particles').particleground({
    dotColor: '#5cbdaa',
    lineColor: '#5cbdaa'
  });
  $('#intro').css({
    'margin-top': -($('#intro').height()+88 )
  });
});

layui.use('form', function(){
	  var form = layui.form;
	  
	  //监听提交
	  form.on('submit(formDemo)', function(data){
	    layer.msg(JSON.stringify(data.field));
	    return false;
	  });
	});

</script>
</head>

<body>

<div id="particles">
  <div id="intro">
    <h1>北京慧慈</h1>
    	   <form class="layui-form" action="" style="margin:0 auto;border:0px solid #000;width:300px;height:auto">
			  <div class="layui-form-item">
			    <label class="layui-form-label">用户</label>
			    <div class="layui-input-inline">
			      <input type="text" name="title" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <label class="layui-form-label">密码</label>
			    <div class="layui-input-inline">
			      <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
			    </div>
			    <div class="layui-form-mid layui-word-aux">辅助文字</div>
			  </div>

		</form>
                    
    <p>A JavaScript plugin for snazzy background particle systems</p>
    <a href="" class="btn">登陆</a>
  </div>
</div>

<a href="https://github.com/jnicol/particleground"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>

</body>
</html>
